<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
    <link rel="stylesheet" href="./element-ui/lib/theme-chalk/index.css">
    <script src="./element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/global.css">
    <link rel="stylesheet" href="./css/write.css">
    <link rel="stylesheet" href="./editor.md-master/css/editormd.min.css">
    <script src="./js/jquery.js"></script>
    <script src="./editor.md-master/editormd.min.js"></script>


</head>

<body>
    <div id="app">
        <el-container>
            <el-header direction="horizontal" style="height: 5vh;">
                <el-row>
                    <el-col :span="20">
                        <el-input style type="text" placeholder="请输入标题" v-model="text" maxlength="50"
                            show-word-limit></el-input>
                    </el-col>
                    <el-col :span="1">
                        <span>保存成功</span>

                    </el-col>
                    <el-col :span="1">
                        <el-button type="">草稿箱</el-button>

                    </el-col>
                    <el-col :span="1">
                        <el-button type="">发布</el-button>

                    </el-col>
                    <el-col :span="1">

                        <el-avatar :src="circleUrl"></el-avatar>
                    </el-col>
                </el-row>
            </el-header>
            <el-main style="height:95vh">
                <div id="editor">
                    <!-- Tips: Editor.md can auto append a `<textarea>` tag -->
                    <textarea>### Hello Editor.md !</textarea>
                </div>
            </el-main>
        </el-container>




    </div>
    <script>
        $(function () {
            var editor = editormd("editor", {
                width: "100%",
                height: "100%",
                // markdown: "xxxx",     // dynamic set Markdown text
                path: "./editor.md-master/lib/",  // Autoload modules mode, codemirror, marked... dependents libs path
            });
        });
    </script>
</body>
<script src="./js/write.js"></script>

</html>